/* 中央大标题 */
#top{
    width: 100%;
    height: 5.5%;
    float: left;
    background-image: url(../picture/banner.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
h1{
    text-align: center;
    color: whitesmoke;
}

/*上方三个div
如有特殊需求可分开调整*/
#topleft, #topmiddle, #topright {
    width: 33.33%;
    height: 100%;
    float: left;
    box-sizing:border-box;
}

/* 标题下方 */
#bottom{
    width: 100%;
    height: 93%;
    float: left;
}

/* 右起第一分块 */
#right {
    width: 20%;
    height: 100%;
    float: left;
    margin: 5px;
    margin-left: 2.5px;
}

/* 右分块 上部次分块 */
#righttop {
    width: 100%;
    height: calc(50% - 2.5px);
    float: left;
    border:4px groove #bbe1f1;
    background-color: rgb(238,250,255,0.08);
    box-sizing:border-box;
    margin-bottom: 2.5px;
}

/* 右分块 下部次分块 */
#rightbottom {
    width: 100%;
    height: calc(50% - 2.5px);
    float: left;
    border:4px groove #bbe1f1;
    background-color: rgb(238,250,255,0.08);
    box-sizing:border-box;
    margin-top: 2.5px;
    overflow: auto;
}

/* 左起第一大分块 */
#left {
    width: 40%;
    height: 100%;
    float: left;
    box-sizing:border-box;
    margin: 5px;
    margin-right: 2.5px;
}

/* 左分块 左上部次分块 */
#lefttopleft {
    width: calc(50% - 2.5px);
    height: calc(50% - 2.5px);
    float: left;
    border:4px groove #bbe1f1;
    background-color: rgb(238,250,255,0.08);
    box-sizing:border-box;
    margin-bottom: 2.5px;
    margin-right: 2.5px;
}

/* 左分块 右上部次分块 */
#lefttopright {
    width: calc(50% - 2.5px);
    height: calc(50% - 2.5px);
    float: left;
    border:4px groove #bbe1f1;
    background-color: rgb(238,250,255,0.08);
    box-sizing: border-box;
    margin-bottom: 2.5px;
    margin-left: 2.5px;
}

/* 左分块 下部次分块 */
#leftbottom {
    width: 100%;
    height: calc(50% - 2.5px);
    float: left;
    float: left;
    border:4px groove #bbe1f1;
    background-color: rgb(238,250,255,0.08);
    box-sizing:border-box;
    margin-top: 2.5px;
}

/* 中央大分块 */
#middle {
    width: 38.65%;
    height: 100%;
    float: left;
    border:4px groove #bbe1f1;
    background-color: rgb(238,250,255,0.08);
    box-sizing:border-box;
    margin: 5px;
    margin-right: 2.5px;
    margin-left: 2.5px;
}



